<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <meta name="generator" content="Hugo 0.88.1">
    <title>xyl的Python期末项目</title>

      <link rel="canonical" href="https://getbootstrap.com/docs/5.1/examples/album/">



    <!-- Bootstrap core CSS -->
<link href="https://getbootstrap.com/docs/5.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

    <!-- Favicons -->
<link rel="apple-touch-icon" href="/docs/5.1/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
<link rel="icon" href="/docs/5.1/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
<link rel="icon" href="/docs/5.1/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
<link rel="manifest" href="/docs/5.1/assets/img/favicons/manifest.json">
<link rel="mask-icon" href="/docs/5.1/assets/img/favicons/safari-pinned-tab.svg" color="#7952b3">
<link rel="icon" href="/docs/5.1/assets/img/favicons/favicon.ico">
<meta name="theme-color" content="#7952b3">


    <style>
       body {
           background: url("/static/img/blue.jpg") center 0;
           background-repeat: no-repeat;
           background-size: cover;
           background-attachment: fixed;
     }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        .container {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            max-width: 1200px;
            flex-wrap: wrap;
            z-index: 1;
        }

        .container .card {
            position: relative;
            width: 900px;
            height: 420px;
            margin: 30px;
            box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.3);
            border-radius: 10px;
            background-color: rgba(255, 255, 255, 0.3);
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            border-top: rgba(255, 255, 255, 0.5) 1px solid;
            border-left: rgba(255, 255, 255, 0.5) 1px solid;
            backdrop-filter: blur(5px);
        }


        .container .card .content p,a {
            margin-bottom: 15px;
            font-size: 1em;
            font-weight: 600;
            color: #010917;
        }

    </style>


  </head>
  <body>

<header>
  <div class="collapse bg-dark" id="navbarHeader">
    <div class="container">
      <div class="row">
        <div class="col-sm-8 col-md-7 py-4">
          <h4 class="text-white">About</h4>
          <p class="text-muted">Add some information about the album below, the author, or any other background context. Make it a few sentences long so folks can pick up some informative tidbits. Then, link them off to some social networking sites or contact information.</p>
        </div>
        <div class="col-sm-4 offset-md-1 py-4">
          <h4 class="text-white">Contact</h4>

        </div>
      </div>
    </div>
  </div>
  <div class="navbar navbar-dark bg-dark shadow-sm">
    <div class="container">
      <a href="#" class="navbar-brand d-flex align-items-center">
        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="me-2" viewBox="0 0 24 24"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg>
        <strong>XYL</strong>
      </a>

    </div>
  </div>
</header>
  <div class="loginFrame">
<main>

  <section class="py-5 text-center container">
    <div class="row py-lg-5">
      <div class="col-lg-6 col-md-8 mx-auto">

   <div class="container">
        <div class="card">
            <div class="content">
        <h1 class="fw-light">Python 期末项目</h1>
          <p>项目1:名字全称.</p>
          <p>项目2:元音字母词频统计.</p>
          <p>项目3:游戏.</p>
          <p>项目4:购物车.</p>
          <p>本项目参考文档如下:</p>
          <a href="https://dormousehole.readthedocs.io/en/latest/quickstart.html#id10">Flask文档</a>
          <a href="https://cnblogs.com/xuzhichao">许老师博客</a>
            </div>
        </div>
   </div>
        <p>
          <a href="/name_index" class="btn btn-primary my-2">名字全称拼写</a>
          <a href="/word_index" class="btn btn-primary my-2">元音词频统计</a>
            <a href="/play" class="btn btn-primary my-2">游戏</a>
            <a href="/shopping_index" class="btn btn-primary my-2">shopping!</a>
        </p>
      </div>
    </div>
  </section>



</main>



  </body>
</html>
